<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>基于物联网的图书管理系统</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="title">
        <h2>图书管理系统</h2>
    </div>
    <!--表格一-->
    <div id="main1">
        <table>
            <tr>
                <td>类型</td>
                <td>操作/状态</td>
                <td>时间</td>
            </tr>
            <tr>
                <td>开馆/闭馆状态</td>
                <td id="state"></td>
                <td id="time1"></td>
            </tr>
            <tr>
                <td>烟雾传感器1</td>
                <td id="sensor1"></td>
                <td id="time2"></td>
            </tr>
            <tr>
                <td>烟雾传感器2</td>
                <td id="sensor2"></td>
                <td id="time3"></td>
            </tr>
            <tr>
                <td>非法闯入信息</td>
                <td id="illegal"></td>
                <td id="time4"></td>
            </tr>
            <tr>
                <td>开/闭馆</td>
                <td class="css01">
                    <button onclick="openLibrary()">打开</button>
                    <button onclick="closeLibrary()">关闭</button>
                </td>
                <td id="time5"></td>
            </tr>
        </table>
        <!--表格二-->
        <div id="main2">
        <table>
            <tr>
                <td colspan="4">图书信息录入</td>
            </tr>
            <tr>
                <td>书籍编号</td>
                <td colspan="3">
                    <input type="text" id="number">
                </td>
            </tr>
            <tr>
                <td>书名</td>
                <td colspan="3">
                    <input type="text" id="bookName">
                </td>
            </tr>
            <tr>
                <td>作者</td>
                <td colspan="3">
                    <input type="text" id="author">
                </td>
            </tr>
            <tr>
                <td>数量</td>
                <td colspan="3">
                    <input type="text" id="bookNum">
                </td>
            </tr>
            <tr>
                <td>书卡</td>
                <td id="bookCard"></td>
                <td colspan="2">
                    <input type="text" id="bookCard1">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <button onclick="getbookKA()">获取卡号</button>
                </td>
                <td colspan="2">
                    <button onclick="inputBook()">录入图书</button>
                </td>
            </tr>
            <tr>
                <td colspan="4">用户信息录入</td>
            </tr>
            <tr>
                <td>姓名</td>
                <td colspan="3">
                    <input type="text" id="name">
                </td>
            </tr>
            <tr>
                <td>性别</td>
                <td colspan="3">
                    <input type="radio" value="男" name="sex"/>男
                    <input type="radio" value="女" name="sex"/>女
                </td>
            </tr>
            <tr>
                <td>年龄</td>
                <td>
                    <select id="select1">
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                    </select>
                </td>
                <td>年级</td>
                <td>
                    <select id="select2">
                        <option value="大一">大一</option>
                        <option value="大二">大二</option>
                        <option value="大三">大三</option>
                        <option value="大四">大四</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>卡号</td>
                <td id="userCard"></td>
                <td colspan="2">
                    <input type="text" id="userCard1">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <button onclick="getuserCard()">获取卡号</button>
                </td>
                <td colspan="2">
                    <button onclick="inputUser()">录入用户</button>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <button onclick="window.location.href='queryAll'">查询全部</button>
                </td>
                <td colspan="2">
                    <button onclick="window.location.href='queryCondition'">条件查询</button>
                </td>
            </tr>
            <tr>
                <td colspan="4">图书借阅/归还</td>
            </tr>
            <tr>
                <td rowspan="2">
                    <button onclick="jieshu()">获取卡号</button>
                </td>
                <td id="bookMsg">书：</td>
                <td>
                    <input type="text" id="book1">
                </td>
                <td rowspan="2">
                    <button onclick="borrowBook()">借书</button>
                </td>
            </tr>
            <tr>
                <td id="peopleMsg">人：</td>
                <td>
                    <input type="text" id="people1">
                </td>
            </tr>
            <tr>
                <td rowspan="2">
                    <button onclick="guihuan()">获取卡号</button>
                </td>
                <td id="bookMsg1">书：</td>
                <td>
                    <input type="text" id="book2">
                </td>
                <td rowspan="2">
                    <button onclick="returnBook()">还书</button>
                </td>
            </tr>
            <tr>
                <td id="peopleMsg1">人：</td>
                <td>
                    <input type="text" id="people2">
                </td>
            </tr>
        </table>
        </div>
    </div>
<!--echarts图表-->
<div id="line1"></div>
<div id="line2"></div>
</body>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/echarts5.2.1.min.js"></script>
<script src="js/sockjs.min.js"></script>
<script src="js/stomp.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/pageHelper.js"></script>
<script src="js/index.js"></script>
</html>


